<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=no"/>
    <title>登录</title>
    <link rel="stylesheet" href="resource/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="resource/css/login.css"/>
</head>
<body class="login-content">

<div class="container">
    <img class="img-login" src="resource/img/login_background.png" alt="">
    <h1><img src="resource/img/logo_pic.png"></h1>
    <h1><img src="resource/img/logo_work.png" alt=""></h1>
    <p>大数据服务平台</p>
    <span class="line"></span>

    <form name="loginForm" action="j_login" method="post" novalidate="novalidate" class="form">
        <!--{{loginForm.username}}-->
        <div ng-class="{'has-error':loginForm.username.$dirty && loginForm.username.$invalid||loginForm.password.$dirty && loginForm.password.$invalid}">
            <span style="color:red" ng-if="loginForm.username.$touched"
                  ng-show="loginForm.username.$touched&&loginForm.username.$error.required">用户名不能为空</span>
            <span style="color:red" ng-if="loginForm.username.$touched"
                  ng-show="loginForm.password.$touched&&loginForm.password.$error.required">密码不能为空</span>
            <div class="loginUser" style="top:1px;">
                <i class="fa fa-user fa-lg"></i>
                <input class="form-control" type="text" ng-model="username" name="username" placeholder="请输入用户名"
                       id="j_username" required>
            </div>

            <div class="loginUser">
                <i class="fa fa-lock fa-lg"></i>
                <input set-Focus="" class="form-control" type="password" ng-model="password" name="password"
                       placeholder="请输入密码"
                       id="j_password" required>
            </div>
            <div class="loginUser">
                <input type="checkbox" ng-model="remember" id="remember">
                <label style="color:#333;" for="remember">记住用户名</label>
                <a href="#">忘记密码？</a>
            </div>


            <div style="clear: both"></div>
            <!--<input type="checkbox" name="remember-me" id="remember-me" value="true" /><p>Remember me</p>-->
            <button class="button" type="submit" name="submit" value="登录" ng-click="saveCookie()"
                    ng-disabled="form.$invalid"
                    ng-disabled="cookie == null || cookie == ''">登录
            </button>
        </div>
        <a class="register" href="#/">注册</a>
    </form>
</div>
<div class="footer"><p>版权所有 &copy; YUNPI大数据共享支撑平台</p></div>
</body>
<!--<script src="resource/vendors/bower_components/angular/angular.min.js"></script>-->
<!--<script src="resource/vendors/bower_components/angular-cookies/angular-cookies.min.js"></script>-->
<script src="js/base.js"></script>
<!--<script src="js/login.js"></script>-->
</html>